﻿@page
@model _17bang.Pages.Shared.Profile.WriteModel
@{
    ViewData["Title"] = "个人资料.一起帮";
    Layout = "Layout/_Dual";
}
<style>
    .field-validation-error {
        color: red;
        font-size: 12px;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
    }

        .field-validation-error::before {
            content: '\f119';
        }
</style>
<div class="container" style="padding-top:120px">
    <h3><span class="fa fa-user-circle-o">个人资料</span></h3>
    <hr />
    <div class="row" style="padding-top:50px">
        <div class="col-6">
            <form method="post" asp-page="/Index">
                <div class="form-group">
                    <label><b>头像：（*仅限jpg/png/gif）</b></label>
                    <div class="custom-file">
                        <input asp-for="Photo" class="form-control custom-file-input" />
                        <label class="custom-file-label">页面提交时上传文件</label>
                    </div>
                </div>
                <div class="form-group">
                    <label>性别：</label>
                    <input type="radio" asp-for="WrUser.IsMale" value="true" />男
                    <input type="radio" asp-for="WrUser.IsMale" value="false" />女
                </div>
                <label><b>生日：</b></label><br />
                <div class="form-group">
                    <div class="input-group">
                        <select asp-for="BirthYear" asp-items="Model.AvailableYears" style="width:125px;"></select>
                        <div class="input-group-prepend">
                            <label class="input-group-text" for="inputGroupSelect01">年</label>
                        </div>
                        <select asp-for="Birthmonth" asp-items="Model.AvailableMonths" style="width:125px;"></select>
                        <div class="input-group-prepend">
                            <label class="input-group-text" for="inputGroupSelect02">月</label>
                        </div>
                        <select asp-for="Constellation" asp-items="Model.AvailableCostellations" style="width:125px;"></select>
                        <div class="input-group-prepend">
                            <label class="input-group-text" for="inputGroupSelect03">星座</label>
                        </div>
                    </div>
                </div>
                <label><b>关键字：（*使用空格分隔）</b></label><br />
                <div class="form-group">
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <select asp-for="Language" asp-items="Model.AvailableLanguageOne"></select>
                            <select asp-for="Language" asp-items="Model.AvailableLanguageTwo"></select>
                        </div>
                        <input class="form-control" type="text" name="keyword" placeholder="自定义关键字，使用空格分隔" />
                    </div>
                </div>
                <span asp-validation-for="Language"></span>
                <div class="form-group">
                    <label><b>自我介绍：</b></label><br />
                    <textarea asp-for="WrUser.SelfDescription" placeholder="简单的自我介绍下自己吧，不超过255个字" class="form-control"></textarea>
                </div>
                <button asp-page="/" type="submit">提交</button>
            </form>
        </div>
        <div class="col-6" style="padding:0px 50px 0px 50px">
            <h4><span class="fa fa-question-circle">说明</span></h4>
            <ol>
                <li>头像仅接受jpg/png/gif格式，大小不超过256KB。</li>
                <li>头像图片的建议宽度为300像素左右，过宽或过窄都有可能失真。</li>
                <li>自我介绍的字数不要超过255字。</li>
            </ol>
        </div>
    </div>
</div>
